<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- jQuery -->
		<script src="js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- popper -->
		<script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- 加载bootstrap css样式 -->
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<!-- 加载bootstrap js脚本 -->
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		
	</head>
	<body>
		
		<div class="progress">
			<div class="progress-bar" style="width: 60%;">60%</div>
		</div>
		<br />
		<div class="progress progress-sm">
			<div class="progress-bar" style="width: 60%;">60%</div>
		</div>
		<br />
		
		<div class="progress progress-lg">
			<div class="progress-bar" style="width: 60%;">60%</div>
		</div>
		<br />
		<div class="progress" style="height: 60px;">
			<div class="progress-bar bg-danger progress-bar-animated progress-bar-striped" style="width: 60%;">60%</div>
		</div>
		
			<br />
		<div class="progress" style="height: 60px;">
			<div class="progress-bar bg-danger progress-bar-animated progress-bar-striped" style="width: 60%;">Android</div>
			<div class="progress-bar bg-success progress-bar-animated progress-bar-striped" style="width: 30%;">iOS</div>
			<div class="progress-bar bg-warning progress-bar-animated progress-bar-striped" style="width: 10%;">其他</div>
		</div>
	</body>
</html>
